
#searchPage{
  padding-bottom:0px;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  overflow:auto;
  #SearchPageView{
    padding-bottom:50px;
  }
  .searchBk{
    width:100%;
    height:100%;
    position: absolute;
    background:#fff;
    z-index:50;
    #searchview{
      position:absolute;
      width:100%;
      top:50px;
      overflow:auto;
      #searchUl{
        width:100%;
        float:left;
        .searchLi{
          height:40px;
          line-height:40px;
          border-bottom:1px solid #ddd;
          padding-left:30px;
        }
      }
      .clearHistory{
        border-bottom:1px solid #ddd;
        height:40px;
        line-height:40px;
        text-align:center;
        float:left;
        width:100%;
        display:none;
        span{
          padding-left:18px;
          background:url("../images/delete.svg") no-repeat;
          background-size:16px;
        }
      }
    }
  }
  .mySearch {
    //background: #f8bc74;
    background-image: linear-gradient(to bottom, #f8bc74, #faecc4);
    clear: both;
    height: 50px;
    position:fixed;
    top:0;
    width:100%;
    z-index: 55;
    #cancelSer{
      width: 50px;
      height: 50px;
      clear: both;
      position: absolute;
      top: 0;
      font-size: 16px;
      color: #ee750d;
      text-align: center;
      line-height: 50px;
      right: 7px;
      z-index: 15;
    }
    #searchData{
      width: 50px;
      height: 50px;
      clear: both;
      position: absolute;
      top: 0;
      font-size: 16px;
      color: #ee750d;
      text-align: center;
      line-height: 50px;
      right: 7px;
      z-index: 15;
      display:none;
    }
    .toSearch {
      width: 76%;
      height: 30px;
      font-size: 14px;
      border-radius: 6px;
      border: none;
      margin: 10px 0 0 5%;
      padding-left:30px;
      background:url("../images/search.svg") no-repeat 9px 8px #fff;
      background-size:14px;
    }


  }
  #SearchPageView{
    position:relative;
    height:100%;
    overflow:auto;
    .searchDataList{
      width:100%;
      height:100%;
      position:relative;
      overflow:auto;
      top:50px;
      display:none;
      ul{
        padding:15px 10px 25px 10px;
        position:relative;

        overflow:hidden;
        .list-item{
          margin-bottom:10px;
          padding:5px;
          overflow:hidden;
          border:1px solid #fb7f04;
          border-radius: 4px;

          .project{
            font-size:16px;
            color:#000;

          }
          .username{
            float:left;
            span:nth-child(1){
              color:#cb4b16;
              font-size:12px;
            }
            span:nth-child(2){
              font-size:12px;
            }
          }

          .begindate{
            float:right;
            margin-right:10%;
            font-size:12px;
            padding-left:16px;
            background:url("../images/time.svg") no-repeat 0 3px;
            background-size:14px;

          }
        }
      }
    }
  }

}

#Category{
  .mySearch {
    //background: #f8bc74;
    background-image: linear-gradient(to bottom, #f8bc74, #faecc4);
    clear: both;
    height: 50px;
    position:fixed;
    top:0;
    width:100%;
    z-index: 55;

    .toSearch {
      width: 76%;
      height: 30px;
      font-size: 14px;
      border-radius: 6px;
      outline:none;
      border: none;
      margin: 10px 0 0 5%;
      text-align:center;
      background:url("../images/search.svg") no-repeat 40% 8px #fff;
      background-size:14px;
    }
    .main {
      float: right;
      clear: both;
      #theMore {
        display: block;
        width: 50px;
        height: 50px;
        background-size: 20px;
      }
      .toDown {
        background: url("../images/down.svg") no-repeat 7px 14px;
      }
      .toUp {
        background: url("../images/up.svg") no-repeat 7px 14px;
      }
      .moreList:before {
        content: '';
        width: 10px;
        height: 10px;
        background:#f5c9a0;
        transform: rotate(45deg);
        position: absolute;
        left:63%;
        top:-5px;


      }
      .moreList {
        display: none;
        position: absolute;
        z-index: 10;
        margin-top: 10px!important;
        border: 1px solid #ddd;
        border-radius:4px;
        right:5%;
        padding:0!important;
        li {
          background: #f5c9a0;
          width: 70px;
          height: 38px;
          font-size: 14px;
          text-align: center;
          line-height:38px;
          border-bottom:1px solid #ddd;
          color:#000;
        }
      }
    }
  }

}
.loading{
  position:fixed;
  width:100%;
  bottom:0;
  z-index:60;
  height:30px;
  line-height:30px;
  display:none;
  img{
    float:left;
    width:14px;
    height:14px;
    margin-left:38%;
    margin-top:8px;
  }
  span{
    float:left;
    margin-left:2%;
    font-size:12px;
  }
}
.noMore{
  position:fixed;
  width:100%;
  bottom:0;
  z-index:60;
  height:30px;
  line-height:30px;
  text-align:center;
  display:none;
  font-size:12px;

}
.pullup{
  position:fixed;
  width:100%;
  bottom:0;
  z-index:60;
  height:30px;
  line-height:30px;
  text-align:center;
  display:none;
  font-size:12px;
  .toUp{
    width:12px;
    height:12px;
    background:url("../images/pullup1.gif") no-repeat;
    background-size:100%;
    position:absolute;
    left:50%;
    top:-5px;
    margin-left:-6px;
    -webkit-animation: play1 2s infinite;
    -o-animation: play1 2s infinite;
    animation: play1 2s infinite;
  }

}
.pulldown{
  position:fixed;
  width:100%;
  top:30px;
  z-index:50;
  height:20px;
  line-height:20px;
  text-align:center;
  font-size:12px;
}
.loadingTop{
  position:fixed;
  width:100%;
  top:50px;
  z-index:60;
  height:20px;
  line-height:20px;
  text-align:center;
  display:none;
  font-size:12px;
  img{
    float:left;
    width:14px;
    height:14px;
    margin-left:38%;
    margin-top:3px;
  }
  span{
    float:left;
    margin-left:2%;
    font-size:12px;
  }

}

@keyframes play1 {
  0%{opacity: 1}
  50%{opacity:0}
  100%{opacity:1}
}
